<template>
	<div>
		<div class="search-heard d-flex bg-white jc-between">
		  <!-- 左侧返回 -->
		  <div> 
		    <el-button type="text" @click="$router.push('/home')">
		      <div class="iconfont icon-back ml-2 fs-xxl text-dark"></div>
		    </el-button>
		  </div>
		  <div class="title fs-xl mt-3">
			  登录
		  </div>
		  <div class="title fs-xl mt-3 pr-3">
		  </div>
		</div>
		
		
		<div style="padding-top: 10vh;">
			<div class="d-flex jc-center fs-xxxl" style="font-weight: bold; padding: 3rem 0;">点击头像刷脸登录</div>
			<div class="d-flex jc-center" @click="toFaceLogin">
				<van-image src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3669917919,1498779668&fm=26&gp=0.jpg" style="width: 6rem; height: 6rem; border-radius: 30px">
				</van-image>
			</div>
			<div class="text-primary d-flex jc-center pt-3" @click="toLogin">其他登录方式</div>
		</div>
		<div class="d-flex jc-center" style="position: fixed; bottom: 2rem; left: 9.5rem">
			<div class="text-primary fs-xl" @click="$router.push('/register')">注册账号</div>
			<div class="px-1 text-grey">丨</div>
			<div class="text-primary fs-xl"">遇到问题？</div>
		</div>
	</div>
</template>

<script>
	export default {
		methods: {
			toFaceLogin(){
				this.$router.push('/faceLigon')
			},
			toLogin(){
				this.$router.push('/login')
			}
		}
	}
</script>

<style>
</style>
